import { Injectable } from '@angular/core';

/*** 隐藏Bars
* */
@Injectable()
export class HideBarsService {

  // TabBar元素
  private tabBarElement: Array<any>= [];

  constructor()
  {
    this.initTabBarElementArray();
  }

  /*** 初始化需要被隐藏的tab元素
   * */
  initTabBarElementArray(): void
  {
    let arr= [];
    arr.push(document.querySelector('.tabbar.show-tabbar'));
    // arr.push(document.querySelector('button.tabAccept'));
    arr.push(document.querySelector('button.tabMine'));
    this.tabBarElement = [...arr];
  }

  /*** 改变下部tab的显示方式
   * @param unit: 对应位移单位
   * Enter: -5rem 默认
   * Leave: 0
   * */
  public changeTabBarsElementBottom(unit: string= '-5rem'): void
  {
    for(let item of this.tabBarElement)
    {
      if(item === null) continue;
      item.style.bottom= unit;
    }
  }
  /*** 改变下部tab的显示方式
   * @param display: 对应显示方式
   * Enter: none
   * Leave: flex
   * */
  public changeTabBarsElementDisplay(display: string): void
  {
    for(let item of this.tabBarElement)
    {
      if(item === null) continue;
      item.style.display= display;
    }
  }
}
